@keyframes sheen {
  0% {
    transform: skewY(-45deg) translateX(0);
  }
  100% {
    transform: skewY(-45deg) translateX(12.5em);
  }
}
#welecome {
  position: fixed;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: rgba(7, 17, 27, 0.9);
  z-index: 120000000;
  display: table;
  height: 100%;
  color: white;
  font-size: 40px;
  .w_con {
    display: inline-block;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
    p {
      text-align: center;
      letter-spacing: 0.3rem;
      text-shadow: 2px 2px 2px white;
      span {
        display: inline-block;
        transition: all 1s;
        transform: translateY(-100px) scale(0.5);
        opacity: 0;
      }
      span:nth-child(1) {
        transition-delay: 200ms;
      }
      span:nth-child(2) {
        transition-delay: 400ms;
      }
      span:nth-child(3) {
        transition-delay: 600ms;
      }
      span:nth-child(4) {
        transition-delay: 800ms;
      }
      span:nth-child(5) {
        transition-delay: 1000ms;
      }
      span:nth-child(6) {
        transition-delay: 1200ms;
      }
      span:nth-child(7) {
        transition-delay: 1400ms;
      }
      span:nth-child(8) {
        transition-delay: 1600ms;
      }
      span:nth-child(9) {
        transition-delay: 1800ms;
      }
      span:nth-child(10) {
        transition-delay: 2000ms;
      }
      span:nth-child(11) {
        transition-delay: 2200ms;
      }
      span:nth-child(12) {
        transition-delay: 2400ms;
      }
      span:nth-child(13) {
        transition-delay: 2600ms;
      }
    }
    img {
      border-radius: 50%;
      overflow: hidden;
      width: 120px;
      height: 120px;
      margin: 25px 0;
    }
    img:hover {
      transform: rotateY(360deg) scale(1.2);
      transition: all 1s;
    }
    .wrapper {
      display: block;
      a {
        color: white;
        text-decoration: none;
      }
    }
    .button {
      padding: 0.5em 1.5em;
      text-align: center;
      text-decoration: none;
      color: #2194e0;
      border: 2px solid #2194e0;
      font-size: 20px;
      display: inline-block;
      border-radius: 0.3em;
      transition: all 0.2s ease-in-out;
      position: relative;
      overflow: hidden;
      &:before {
        content: '';
        background-color: rgba(255, 255, 255, 0.5);
        height: 100%;
        width: 3em;
        display: block;
        position: absolute;
        top: 0;
        left: -4.5em;
        transform: skewX(-45deg) translateX(0);
        transition: none;
      }
      &:hover {
        background-color: #2194e0;
        color: #fff;
        border-bottom: 4px solid darken(#2194e0, 10%);
        &:before {
          transform: skewX(-45deg) translateX(13.5em);
          transition: all 0.5s ease-in-out;
        }
      }
    }
  }
}
